<template>
  <div class="h1">
    <router-link to="/home/my/Setup"
      ><span class="shang"><img src="@/assets/img/shezhi.png" alt="" /></span
    ></router-link>
    <router-link to="/home/my/Login"
      ><span class="zhong"><img src="@/assets/img/test.png" alt="" /></span>
    </router-link>
    <router-link to="/home/my/Personal"
      ><span class="xia">
        <i>Hi,zhangsan</i> <img src="@/assets/img/xiugai.png" alt="" /> </span
    ></router-link>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  mounted() {},
};
</script>

<style lang="less" scoped>
div {
  display: flex;
  flex-direction: column; //主轴从上到下
  /* align-items: center;
  justify-content: center; */

  .shang img {
    width: 20px;
    height: 20px;
    padding: 15px 10px 10px 90%;
  }

  .zhong img {
    width: 40px;
    height: 40px;
    padding-left: 20px;
  }
  .xia i {
    font-size: 16px;
    padding-left: 20px;
  }
  .xia img {
    width: 20px;
    height: 20px;
    padding-left: 20px;
  }
}
</style>
